<template>
	<view class="placeholder-container">
		<view class="placeholder-content">
			<view class="loading-spinner"></view>
			<text class="loading-text">查询模块加载中...</text>
		</view>
	</view>
</template>

<script setup>
// 占位组件，用于用时注入
</script>

<style scoped>
.placeholder-container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	background-color: #f8f9fa;
	border-radius: 8px;
	margin: 20px;
}

.placeholder-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.loading-spinner {
	width: 32px;
	height: 32px;
	border: 3px solid #e3e3e3;
	border-top: 3px solid #28B389;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.loading-text {
	color: #666;
	font-size: 14px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
</style>
